<!DOCTYPE html>
<!-- audio.html
     test the audio element
     -->
<html lang = "en">
<title>欢迎来到Michale的世界</title>
<head>
<link href="main.css" type="text/css" rel="stylesheet">
<style>
        #div1  
        {position:relative;width:980px;height:575px;overflow:hidden; 
         }
        #div2{position:absolute;}
        li{ float:left;list-style-type:none;padding:3px;}
        img{border:none;}
        #div2 li a:hover{top:-10px;}
        a{position:relative;}
        </style> 
</head>
<center>
<body>
<div id="contain">
    <div id="header">
	<div id="header_top">自我介绍</div>
    <div id="header_b">
		<div class="menu"><a href="C:\Users\Administrator\Desktop\201805060101计科一班曾雨婷/base.html#">基本信息</a></div>
		<div class="menu"><a href="C:\Users\Administrator\Desktop\201805060101计科一班曾雨婷/interest.html#">兴趣爱好</a></div>
		<div class="menu"><a href="C:\Users\Administrator\Desktop\201805060101计科一班曾雨婷/study.html#">学习情况</a></div>
        <div class="menu"><a href="C:\Users\Administrator\Desktop\201805060101计科一班曾雨婷/enable.html#">个人能力</a></div>
	</div>
    </div>
    <div id="body_r">
    <div class="body_rm">
        <div id='div1'>
                <div id='div2'>
                    <ul>
                 <li><a href="#"><img src="imgs/zyt1.jpg" style="height:515px"/></a></li>
                 <li><a href="#"><img src="imgs/zyt2.jpg" style="height:515px" /></a></li>
                 <li><a href="#"><img src="imgs/zyt3.jpg" style="height:515px" /></a></li> 
                 <li><a href="#"><img src="imgs/zyt4.jpg" style="height:515px"/></a></li> 
                 <li><a href="#"><img src="imgs/zyt5.jpg" style="height:515px"/></a></li> 
                    </ul>
                </div>
          </div>
    </div>
    <div class="body_rb"></div>
    </div>
</div>
 <script>
    window.onload = function () {
        var odiv2 = document.getElementById('div2');
        var ali = odiv2.getElementsByTagName('li');
        var aspeed = -5;
        var timer = null;
        odiv2.innerHTML += odiv2.innerHTML;
        odiv2.style.width = ali[0].offsetWidth * ali.length + 'px';
        odiv2.onmouseover = function () { clearInterval(timer); };
        function a() {
            timer = setInterval(function () {
                odiv2.style.left = odiv2.offsetLeft + aspeed + 'px';
                if (odiv2.offsetLeft < -odiv2.offsetWidth / 2) {
                    odiv2.style.left = '0px';
                }
            }, 100);
        };
        odiv2.onmouseout = a;
        a();
    }
</script>

 <div id="foot">
        <img src="imgs/zytwechat.png" alt="二维码" class="saoma" style="float: left" />
 <p>
        </br>
        快来联系我吧！</br></br>
        QQ: 949261626</br>
        Phone: 13608139819</br>
 </p>
 </div>
</body>
</center>
</html>
